// 1.加载layUI 模块
let form = layui.form;
let layer = layui.layer;

// --------------------------- 数据回填 -------------------------------
function userForm() {
  let id = new URLSearchParams(location.search).get("id");
  $.ajax({
    url: "admin/users/" + id,
    success: function (res) {
      // console.log(res);
      // if (res.status === 0) {
      form.val("user_form", res.data);
      // } else {
      // layer.msg(res.message);
      // }
    },
  });
}

userForm();

// --------------------------- 数据回填 -------------------------------

// 2. 添加表单自定义验证
form.verify({
  // 2.1 验证用户名
  userleng: [/^[\S]{4,16}$/, "用户名长度为4到16位,且不能有空格哦~"],
  // 2.2 验证密码
  pwdleng: [/^[\S]{6,12}$/, "密码长度为6到12位,且不能有空格哦~"],
  // 2.2.1 验证确认密码是否相同
  same: function (v) {
    //形参代表确认密码
    // 获取原密码
    let oldpwd = $("#oldPwd").val();
    // 确认密码
    if (oldpwd !== v) {
      return "输入密码不一致";
    }
  },
});

// 3. 添加用户数据
// 3.1 绑定表单提交事件
$("form").on("submit", function (e) {
  // 3.2 阻止表单的默认行为
  e.preventDefault();
  // 3.2 获取表单数据
  let data = $(this).serialize();
  console.log(data);
  // 3.3 调用添加用户接口
  $.ajax({
    type: "POST",
    url: "admin/users",
    data,
    success: function (res) {
      layer.msg(res.message);
      // 成功则重置
      if (res.status == 0) {
        document.querySelector("form").reset();
      }
    },
  });
});
